<!DOCTYPE HTML>
<html class=" met-web oxh">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <title>城市喜舍墙布</title>
    <meta name="description" content="城市喜舍墙布">
    <meta name="keywords" content="城市喜舍墙布">
    <meta name="generator" content="" data-variable="|cn|cn|m1156ui018|10001|10001|0" data-user_name="">
    <link href="<?php echo $viewmulu; ?>/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="<?php echo $viewmulu; ?>/basic.css">
    <link rel="stylesheet" type="text/css" href="<?php echo $viewmulu; ?>/show_cn.css">
    <script src="<?php echo $viewmulu; ?>/met_temdemo.js"></script>
</head>
<body>
<?php $this->load->view('common/menu'); ?>

<div class="news-box back-color-box">
    <section class="subcolumn_nav_met_m1156_9_9 column-side active" m-id="9" m-type="head_nav">
        <div class="container-fluid">
            <div class="column-box">
                <div class="column-nav swiper-container-horizontal swiper-container-free-mode active">
                    <ol class="column-ul">
                        <?php if ($category) : ?>
                            <?php foreach ($category as $key => $val) : ?>
                                <li class="column-li not swiper-slide-next <?php if ($val['id'] == $cid) {
                                    echo 'active';
                                } ?>">
                                    <a href="<?php echo "/product/" . $val['id'] . ".html"; ?>"
                                       title="<?php echo $val['category_name'] ?? ""; ?>" target="_self">
                                        <?php echo $val['category_name'] ?? ""; ?>
                                    </a>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="product_list_page_met_m1156_9_12 lazy" m-id="12">
        <div class="met-product animsition type-0">
            <div class="container-fluid">
                <ul class="blocks-2 blocks-md-2 blocks-lg-4 blocks-xxl-4  met-pager-ajax met-grid imagesize"
                    id="met-grid" data-scale="350x500" style="position: relative;">

                    <?php if ($products) : ?>
                        <?php foreach ($products as $key => $val) : ?>

                            <li class="shown">
                                <div class="price-bin product-bin">
                                    <a href="<?php echo "/product_show/" . $val['id'] . ".html"; ?>" target="_self">
                                        <font>
                                            <img class="cover-image" src="<?php echo $val['img']; ?>"
                                                 data-lazyload="true" style="display: block;">
                                        </font>
                                        <span>
                                <em><i class="icon fa-angle-right"></i></em>
                                <b><?php echo $val['title']; ?></b>
                                <p><?php echo $val['keyword']; ?></p>
                            </span>
                                    </a>
                                </div>
                            </li>
                        <?php endforeach; ?>
                    <?php endif; ?>


                </ul>
            </div>
        </div>
        <!--        <div class="page-box" m-type="nosysdata">-->
        <!--            <div class="met_pager">-->
        <!--                <span class="PreSpan">上一页</span>-->
        <!--                <a href="#" class="Ahover">1</a>-->
        <!--                <a href="#">2</a>-->
        <!--                <a href="#" class="NextA">下一页</a>-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="page-box" m-type="nosysdata">
            <div class="met_pager">
                <?php echo $pagination; ?>
            </div>
        </div>
    </section>


<?php $this->load->view('common/footer'); ?>